<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>匹配给定的属性是以某些值开始的元素</title>
		<style>
			input[type=button]{
				background-color: #ef5b00;
				color: white;
				height: 30px;
				line-height: 30px;
				text-align: center;
				display: block;
				cursor: pointer;
				font-size: 12px;
				width: 300px;
				font-family: "微软雅黑";
				/*去掉边框的关键代码*/
				border: 0 none;
			}
			
			h1,p{
				border: 1px solid red;
				width: 800px;
				height: 50px;
				line-height: 50px;
				font-size: 14px;
				font-weight: normal;
				font-family: "微软雅黑";
				
			}
		</style>
	</head>
	<body>
		<h1 class="abc" hobby="ballbasket" age="33">hobby="ballbasket"</h1>
		<h1 class="xyz" hobby="book"   age="33">hobby="book"</h1>
		<h1 class="xyz" hobby="movie"   age="30">hobby="movie"</h1>
		<h1 class="xyz" hobby="football"   age="22">hobby="football"</h1>
		<h1 class="abc" hobby="basketball" age="33">hobby="basketball"</h1>
		
		<input type="button" onclick="search();" value="== 匹配hobby以ball结尾的h1元素 ==" />
		<br>
			
		<input name="phone" value="13926583118" />
		
		<input name="password" value="123456" />
	</body>
	
	<!--Step1:导入jquery-->
	<script type="text/javascript" src="../../../js/jquery-1.4.1.js" ></script>
	<script>
		//匹配给定的属性是以某些值开始的元素  /^[1-9]&/
		function search(){
			var $elements =$("h1[hobby^='ball']");
			$elements.css("background-color","#ef5b00").css("color","white");
			
			
			
			//判断是否是1个合法的手机号码   在正则表达式中  用^表示以...开头   用$表示以...结尾
			
			var reg =/^1[3|5|8][0-9]{9}$/g;
			
			
			//找name=phone的input标签
			
			//document.getElementsByName('phone')[0]
			var phone  = $('input[name="phone"]');
			
			
			//拿input标签value属性的值
			//var v = phone.val();
			
			var v = phone.attr('value');
			
			console.log(v);
			
			
			//test是 正则表达式的方法  不是string的方法...
			var jieguo  =reg.test(v);
			
			
			console.log(jieguo);
		}
	</script>
</html>

<!--
	作者：offline
	时间：2016-05-26
	描述：匹配给定的属性是以某些值结尾的元素
	
	1: 记得要加中括号[]
	2：格式为：  属性名称$='属性值'
	
-->
